<!doctype html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<title>Test</title>
	<link href="http://classtyle.com/release/classtyle.1.5.2.css" rel="stylesheet" type="text/css" />
	<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="mClasstyleWUIDemo mod">
	<div class="cs-wui-list">
		<ul>
			<li>
				<span class="cs-wui-list_ext">2010-10-15</span>
				<a href="#">Hello World!Hello World!Hello World!Hello World!</a>
			</li>
			<li>
				<span class="cs-wui-list_ext">2010-10-15</span>
				<a href="#">Hello World!</a>
			</li>
			<li>
				<span class="cs-wui-list_ext">2010-10-15</span>
				<a href="#">Hello World!</a>
			</li>
			<li>
				<span class="cs-wui-list_ext">2010-10-15</span>
				<a href="#">Hello World!</a>
			</li>
			<li>
				<span class="cs-wui-list_ext">2010-10-15</span>
				<a href="#">Hello World!</a>
			</li>
		</ul>
	</div>

	<div class="cs-wui-picList">
		<ul>
			<li>
				<div class="cs-wui-picList_pic">
					<p><a href="#"><img src="http://mimg.126.net/logo/163logo.gif" alt=""/></a></p>
				</div>
				<div class="cs-wui-picList_info">
					<p>Test</p>
					<p class="cs-txt-tips">163</p>
				</div>
			</li>
			<li>
				<div class="cs-wui-picList_pic">
					<p><a href="#"><img src="http://www.gstatic.com/codesite/ph/images/defaultlogo.png" alt=""/></a></p>
				</div>
				<div class="cs-wui-picList_info">
					<label>test</label>
				</div>
			</li>
			<li>
				<div class="cs-wui-picList_pic">
					<p><a href="#"><img src="http://hiphotos.baidu.com/xiaomianlong/pic/item/d89cb599662656206f068c6c.jpg" alt=""/></a></p>
				</div>
				<div class="cs-wui-picList_info">
					<label>test</label>
				</div>
			</li>
		</ul>
	</div>

	<div class="cs-wui-msgList">
		<ul>
			<li>
				<div class="cs-wui-msgList_pic">
					<img src="http://oimagec5.ydstatic.com/image?w=50&h=50&&url=http://126.fm/37qDCy" alt=""/>
				</div>
				<dl>
					<dt><strong>Sunji</strong></dt>
					<dd>
						<p>Yeah</p>
						<p>Yeah</p>
					</dd>
				</dl>
			</li>
			<li class="cs-wui-msgList_spec">
				<div class="cs-wui-msgList_pic">
					<img src="http://oimagec5.ydstatic.com/image?w=50&h=50&&url=http://126.fm/37qDCy" alt=""/>
				</div>
				<dl>
					<dt><strong>Sunji</strong></dt>
					<dd>
						<p>Yeah</p>
						<p>Yeah</p>
					</dd>
				</dl>
			</li>
		</ul>
	</div>

	<div class="cs-wui-tab">
		<div class="cs-wui-tabs">
			<ul>
				<li class="cs-wui-tabs_on"><a href="#">Tab1</a></li>
				<li><a href="#">Tab1</a></li>
				<li><a href="#">Tab1</a></li>
			</ul>
		</div>
		<div class="cs-wui-pans">
			<div class="cs-wui-pans_panel">
				test
			</div>
		</div>
	</div>

	<div class="cs-wui-tab cs-wui-tab-1">
		<div class="cs-wui-tabs">
			<h4 class="cs-wui-tabs_title">Title</h4>
			<ul>
				<li class="cs-wui-tabs_1" onclick="this.parentNode.parentNode.parentNode.className='cs-wui-tab cs-wui-tab-1'">Tab1</li>
				<li class="cs-wui-tabs_2" onclick="this.parentNode.parentNode.parentNode.className='cs-wui-tab cs-wui-tab-2'">Tab1</li>
				<li class="cs-wui-tabs_3" onclick="this.parentNode.parentNode.parentNode.className='cs-wui-tab cs-wui-tab-3'">Tab1</li>
				<li class="cs-wui-tabs_spec"><a href="#">other</a></li>
				<li class="cs-wui-tabs_ext"><a href="#">more</a></li>
			</ul>
		</div>
		<div class="cs-wui-pans">
			<div class="cs-wui-pans_1">
				test1
			</div>
			<div class="cs-wui-pans_2">
				test2
			</div>
			<div class="cs-wui-pans_3">
				test3
			</div>
		</div>
	</div>

	<form class="cs-wui-form">
		<table>
			<tr>
				<th>Label</th>
				<td>
					<input type="text" class="ipt-t"/>
					<div class="cs-wui-form_info cs-txt-tips">
						<ul>
							<li>My name is <em class="cs-txt-impt">Sun Ji</em></li>
						</ul>
					</div>
				</td>
			</tr>
			<tr>
				<th>Label Two</th>
				<td>
					<input type="text" class="ipt-t"/>
					<span class="cs-wui-form_msg cs-txt-tips">Tips</span>
					<span class="cs-wui-form_msg cs-txt-err">Error</span>
					<span class="cs-wui-form_msg cs-txt-succ">Success</span>
				</td>
			</tr>
			<tr>
				<th>Label Three</th>
				<td>
					<label><input type="checkbox" class="ipt-c"/>Checkbox1</label>
					&nbsp;
					<label><input type="checkbox" class="ipt-c"/>复选框</label>
				</td>
			</tr>
			<tr>
				<th>四</th>
				<td>
					<textarea cols="100" rows="10"></textarea>
				</td>
			</tr>
			<tr class="cs-wui-form_submit">
				<th></th>
				<td>
					<button>提交</button>
					&nbsp;
					<label><input type="checkbox" class="ipt-c"/>text</label>
				</td>
			</tr>
		</table>
	</form>

	<div class="cs-wui-dialogBox">
		<div class="cs-wui-dialogBox_hd">
			<h3 class="cs-wui-dialogBox_title">Title</h3>
			<a href="#" class="cs-wui-dialogBox_ext">关闭</a>
		</div>
		<div class="cs-wui-dialogBox_bd">
			<p>
				Text
			</p>
		</div>
		<div class="cs-wui-dialogBox_ft">
			<div class="cs-wui-dialogBox_ext cs-txt-tips">
				Tips
			</div>
			<div class="cs-wui-dialogBox_btns">
				<button>确定</button>
				<button>取消</button>
			</div>
		</div>
	</div>
</div>
</body>
</html>